<template>
  <div class="audition307">
    <p>1. Redux的编程范式是函数式的, 而Mobx是面向对象编程和响应式编程</p>
    <p>
      2. redux将数据保存在单一的store中，Mobx是按模块将状态划分出多个独立的store进行管理，每个组件都可以定义成单独的store
    </p>
    <p>
      3. redux使用不可变状态，这意味着状态是只读的，不能直接去修改它，而是应该返回一个新的状态，同时使用纯函数；<br/>mobx中的状态是可变的，可以直接使用新值更新状态对象。<br>这就意味着redux的数据流是完全可控且可追溯的。
    </p>
    <p>
      4. redux使用普通对象保存数据，需要手动处理变化后的操作；<br/>mobx使用observable保存数据，数据变化后自动处理响应的操作
    </p>
    <p>
      5. mobx相对于redux来说，不用写工程化模版。<br>这就使得mbox的代码可以更简洁，但是也正是因为没有这种约束，如果没有约定的规则，不太利于后期维护。
    </p>
    <p>
      6. 在处理异步操作方面，redux需要借助于中间件来完成。<br>而mobx不需要那么复杂，只需要使用async/await来优雅的处理异步的逻辑
    </p>
    <p>
      7. 在react中使用mobx，可以不需要操作state或props，直接赋值给类的属性即可
    </p>
    <p><br></p>
    <p>
      参考：<br>
      <a href="https://blog.csdn.net/zhamaoshu4539/article/details/116769871" target="_blank">博文1</a><br>
      <a href="https://zhuanlan.zhihu.com/p/36294638" target="_blank">博文2</a>
    </p>
  </div>
</template>

<script>
export default {
  name: 'Audition307'
}
</script>

<style>

</style>